﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="djzhao's resume">
    <meta name="keywords" content="resume, html resume, djzhao, java, android">
    <meta name="author" content="djzhao">
    <title>DJZHAO-RESUME</title>
    <link rel="icon" type="image/png" href="../favicon.png" />
    <!-- Bootstrap core CSS -->
    <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <!-- Font Awesome CSS -->
    <link href="assets/css/font-awesome.min.css" rel="stylesheet" media="screen">
    <!-- Animate css -->
    <link href="assets/css/animate.css" rel="stylesheet">
    <!-- Magnific css -->
    <link href="assets/css/magnific-popup.css" rel="stylesheet">
    <!-- Custom styles CSS -->
    <link href="assets/css/style.css" rel="stylesheet" media="screen">
    <!-- Responsive CSS -->
    <link href="assets/css/responsive.css" rel="stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>

<body>
    <!-- Preloader -->
    <div id="tt-preloader">
        <div id="pre-status">
            <div class="preload-placeholder"></div>
        </div>
    </div>
    <!-- Home Section -->
    <section id="home" class="tt-fullHeight" data-stellar-vertical-offset="50" data-stellar-background-ratio="0.2">
        <div class="intro">
            <div class="intro-sub">赵冬晋</div>
            <h1>Android <span>Developer</span></h1>
            <p>我是一个充满活力、对移动开放由衷热爱、善于发现问题的安卓工程师
                <br> 我目前正在寻找安卓工程师岗位，希望借此机会为贵公司献上我的一点绵薄之力
                <br> 快招我到碗里来吧！</p>
            <div class="social-icons">
                <ul class="list-inline">
                    <li><a href="https://github.com/djzhao627" target="_blank"><i class="fa fa-github"></i></a></li>
                    <li><a href="https://twitter.com/djzhaoo" target="_blank"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="http://weibo.com/DJzhao1994" target="_blank"><i class="fa fa-weibo"></i></a></li>
                    <li><a href="http://www.linkedin.com/in/%E5%86%AC%E6%99%8B-%E8%B5%B5-525874126/" target="_blank"><i class="fa fa-linkedin-square"></i></a></li>
                    <li><a href="mailto:djzhao627@gmail.com" target="_blank"><i class="fa fa-envelope-o"></i></a></li>
                </ul>
            </div>
            <!-- /.social-icons -->
        </div>
        <div class="mouse-icon">
            <div class="wheel"></div>
        </div>
    </section>
    <!-- End Home Section -->
    <!-- Navigation -->
    <header class="header">
        <nav class="navbar navbar-custom" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#custom-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html"><img src="assets/images/logo.png" alt=""></a>
                </div>
                <div class="collapse navbar-collapse" id="custom-collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#home">Home</a></li>
                        <li><a href="#about">About</a></li>
                        <li><a href="#resume">Resume</a></li>
                        <li><a href="#skills">Skills</a></li>
                        <li><a href="#works">Works</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </div>
            </div>
            <!-- .container -->
        </nav>
    </header>
    <!-- End Navigation -->
    <!-- About Section -->
    <section id="about" class="about-section section-padding">
        <div class="container">
            <h2 class="section-title wow fadeInUp">关于我</h2>
            <div class="row">
                <div class="col-md-4 col-md-push-8">
                    <div class="biography">
                        <div class="myphoto">
                            <img src="assets/images/myphoto.jpg" alt="">
                        </div>
                        <ul>
                            <li><strong>姓 名:</strong> 赵冬晋</li>
                            <li><strong>籍 贯:</strong> 江苏省 泰州市 兴化市</li>
                            <li><strong>邮 箱:</strong> <a href="mailto:djzhao627@gmail.com" title="email me" target="_blank">djzhao627@gmail.com</a></li>
                            <li><strong>联系方式:</strong> 18896807726</li>
                        </ul>
                    </div>
                </div>
                <!-- col-md-4 -->
                <div class="col-md-8 col-md-pull-4">
                    <div class="short-info wow fadeInUp">
                        <h3>目标</h3>
                        <p>我目前正在寻找安卓工程师岗位，希望借此机会为贵公司献上我的一点绵薄之力。找一个工作和提升自己的机会，以及参与一个组织，获得竞争优势，回馈社会。 目前我还在不断学习程序设计，我希望通过不断地努力来提升自己，当然更希望与各位技术大牛一起共事。
                        </p>
                        <p>Write the Code. Change the World.</p>
                    </div>
                    <div class="short-info wow fadeInUp">
                        <h3>我可以做什么？</h3>
                        <p>致力于不断开发，实施和采用新技术，以最大限度地提高开发效率和生产创新应用。善于设计，数据结构，解决问题和调试。希望我可以帮到你。</p>
                        <ul class="list-check">
                            <li>Android SDK</li>
                            <li>TCP/IP</li>
                            <li>Socket通讯</li>
                            <li>HTTP/FTP传输通讯</li>
                            <li>UI/Animate</li>
                            <li>Multi Threading</li>
                            <li>Third-party API</li>
                        </ul>
                    </div>
                    <div class="download-button">
                        <a class="btn btn-info btn-lg" href="mailto:djzhao627@gmail.com" target="_blank"><i class="fa fa-paper-plane"></i>给我发邮件</a>
                    </div>
                </div>
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>
    <!-- End About Section -->
    <!-- Resume Section -->
    <section id="resume" class="resume-section section-padding">
        <div class="container">
            <h2 class="section-title wow fadeInUp">经历</h2>
            <div class="row">
                <div class="col-md-12">
                    <div class="resume-title">
                        <h3>教育</h3>
                    </div>
                    <div class="resume">
                        <ul class="timeline">
                            <li>
                                <div class="posted-date">
                                    <span class="month">2016-2018</span>
                                </div>
                                <!-- /posted-date -->
                                <div class="timeline-panel wow fadeInUp">
                                    <div class="timeline-content">
                                        <div class="timeline-heading">
                                            <h3>南京晓庄学院</h3>
                                            <span>信息工程学院</span>
                                        </div>
                                        <!-- /timeline-heading -->
                                        <div class="timeline-body">
                                            <p>专业：软件工程</p>
                                            <p>学习情况：专业第一</p>
                                            <p>在校期间获得：<code>国家励志奖学金</code> <code>专业一等奖学金</code> <code>优秀毕业生</code> <code>优秀毕业论文</code></p>
                                        </div>
                                        <!-- /timeline-body -->
                                    </div>
                                    <!-- /timeline-content -->
                                </div>
                                <!-- /timeline-panel -->
                            </li>
                            <li class="timeline-inverted">
                                <div class="posted-date">
                                    <span class="month">2013-2016</span>
                                </div>
                                <!-- /posted-date -->
                                <div class="timeline-panel wow fadeInUp">
                                    <div class="timeline-content">
                                        <div class="timeline-heading">
                                            <h3>苏州工业职业技术学院</h3>
                                            <span>软件与服务外包学院</span>
                                        </div>
                                        <!-- /timeline-heading -->
                                        <div class="timeline-body">
                                            <p>专业：移动应用开发（Android方向）</p>
                                            <p>学习情况：专业第一</p>
                                            <p>在校期间获得：<code>2015年国家奖学金</code> <code>蓝桥杯国赛一等奖</code> <code>程序员初级资格证</code> <code>高级网页制作员(国家三级)</code> <code>二级（C语言）资格证</code> <code>微机系统维修员(国家四级)资格证</code> <code>心怡一等企业奖学金</code> <code>校三好学生</code> <code>年度优秀青年志愿者</code></p>
                                        </div>
                                        <!-- /timeline-body -->
                                    </div>
                                    <!-- /timeline-content -->
                                </div>
                                <!-- /timeline-panel -->
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- /row -->
            <div class="row">
                <div class="col-md-12">
                    <div class="resume-title">
                        <h3>经验</h3>
                    </div>
                    <div class="resume">
                        <ul class="timeline">
                            <li>
                                <div class="posted-date">
                                    <span class="month">2018-2018</span>
                                </div>
                                <!-- /posted-date -->
                                <div class="timeline-panel wow fadeInUp">
                                    <div class="timeline-content">
                                        <div class="timeline-heading">
                                            <h3>江苏博墨教育</h3>
                                            <span>高级工程师</span>
                                        </div>
                                        <!-- /timeline-heading -->
                                        <div class="timeline-body">
                                            <p>独立完成以下项目开发：</p>
                                            <p><code>博墨企业门户网站</code></p>
                                            <p><code>名片二维码生成器（Android/PC）</code></p>
                                            <p>参与开发系统：</p>
                                            <p><code>云校天一（在线组卷系统）</code></p>
                                        </div>
                                        <!-- /timeline-body -->
                                    </div>
                                    <!-- /timeline-content -->
                                </div>
                                <!-- /timeline-panel -->
                            </li>
                            <li class="timeline-inverted">
                                <div class="posted-date">
                                    <span class="month">2015-2016</span>
                                </div>
                                <!-- /posted-date -->
                                <div class="timeline-panel wow fadeInUp">
                                    <div class="timeline-content">
                                        <div class="timeline-heading">
                                            <h3>苏州乐维电子有限公司</h3>
                                            <span>全栈工程师</span>
                                        </div>
                                        <!-- /timeline-heading -->
                                        <div class="timeline-body">
                                            <p>独立完成以下项目开发：</p>
                                            <p><code>企业门户网站</code></p>
                                            <p><code>维特电梯（吴江）产线报警系统</code></p>
                                            <p><code>二维码/条形码扫码器系统</code></p>
                                            <p><code>安全锁项目</code></p>
                                            <p><code>老年预警APP（Android &amp; IOS）</code></p>
                                        </div>
                                        <!-- /timeline-body -->
                                    </div>
                                    <!-- /timeline-content -->
                                </div>
                                <!-- /timeline-panel -->
                            </li>
                            <li>
                                <div class="posted-date">
                                    <span class="month">2015-2015</span>
                                </div>
                                <!-- /posted-date -->
                                <div class="timeline-panel wow fadeInUp">
                                    <div class="timeline-content">
                                        <div class="timeline-heading">
                                            <h3>苏州宏智科技有限公司</h3>
                                            <span>产业系统开发工程师</span>
                                        </div>
                                        <!-- /timeline-heading -->
                                        <div class="timeline-body">
                                            <p>参与开发系统：</p>
                                            <p><code>日本电子配件订购系统</code></p>
                                        </div>
                                        <!-- /timeline-body -->
                                    </div>
                                    <!-- /timeline-content -->
                                </div>
                                <!-- /timeline-panel -->
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- /row -->
        </div>
        <!-- /.container -->
    </section>
    <!-- End Resume Section -->
    <!-- Skills Section -->
    <section id="skills" class="skills-section section-padding">
        <div class="container">
            <h2 class="section-title wow fadeInUp">技能</h2>
            <div class="row">
                <div class="col-md-6">
                    <div class="skill-progress">
                        <div class="skill-title">
                            <h3>Java</h3></div>
                        <div class="progress">
                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"><span>95%</span>
                            </div>
                        </div>
                        <!-- /.progress -->
                    </div>
                    <!-- /.skill-progress -->
                    <div class="skill-progress">
                        <div class="skill-title">
                            <h3>Android</h3></div>
                        <div class="progress">
                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"><span>90%</span>
                            </div>
                        </div>
                        <!-- /.progress -->
                        <div class="skill-progress">
                            <div class="skill-title">
                                <h3>SSH</h3></div>
                            <div class="progress">
                                <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"><span>80%</span>
                                </div>
                            </div>
                            <!-- /.progress -->
                        </div>
                        <!-- /.skill-progress -->
                    </div>
                    <!-- /.skill-progress -->
                    <div class="skill-progress">
                        <div class="skill-title">
                            <h3>Oracle</h3></div>
                        <div class="progress">
                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"><span>75%</span>
                            </div>
                        </div>
                        <!-- /.progress -->
                    </div>
                    <!-- /.skill-progress -->
                </div>
                <!-- /.col-md-6 -->
                <div class="col-md-6">
                    <div class="skill-progress">
                        <div class="skill-title">
                            <h3>HTML</h3></div>
                        <div class="progress">
                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"><span>95%</span>
                            </div>
                        </div>
                        <!-- /.progress -->
                    </div>
                    <!-- /.skill-progress -->
                    <div class="skill-progress">
                        <div class="skill-title">
                            <h3>CSS</h3></div>
                        <div class="progress">
                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"><span>90%</span>
                            </div>
                        </div>
                        <!-- /.progress -->
                    </div>
                    <!-- /.skill-progress -->
                    <div class="skill-progress">
                        <div class="skill-title">
                            <h3>JavaScript</h3></div>
                        <div class="progress">
                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"><span>80%</span>
                            </div>
                        </div>
                        <!-- /.progress -->
                    </div>
                    <!-- /.skill-progress -->
                    <div class="skill-progress">
                        <div class="skill-title">
                            <h3>Linux</h3></div>
                        <div class="progress">
                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"><span>65%</span>
                            </div>
                        </div>
                        <!-- /.progress -->
                    </div>
                    <!-- /.skill-progress -->
                </div>
                <!-- /.col-md-6 -->
            </div>
            <!-- /.row -->
            <div class="skill-chart text-center">
                <h3>更多技能</h3>
            </div>
            <div class="row more-skill text-center">
                <div class="col-xs-12 col-sm-4 col-md-2">
                    <div class="chart" data-percent="91" data-color="e74c3c">
                        <span class="percent"></span>
                        <div class="chart-text">
                            <span>领导能力</span>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-2">
                    <div class="chart" data-percent="61" data-color="2ecc71">
                        <span class="percent"></span>
                        <div class="chart-text">
                            <span>创造力</span>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-2">
                    <div class="chart" data-percent="68" data-color="3498db">
                        <span class="percent"></span>
                        <div class="chart-text">
                            <span>管理能力</span>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-2">
                    <div class="chart" data-percent="94" data-color="3498db">
                        <span class="percent"></span>
                        <div class="chart-text">
                            <span>团队合作</span>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-2">
                    <div class="chart" data-percent="90" data-color="3498db">
                        <span class="percent"></span>
                        <div class="chart-text">
                            <span>人际交往</span>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-2">
                    <div class="chart" data-percent="95" data-color="3498db">
                        <span class="percent"></span>
                        <div class="chart-text">
                            <span>执行能力</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.container -->
    </section>
    <!-- End Skills Section -->
    <!-- Works Section -->
    <section id="works" class="works-section section-padding">
        <div class="container">
            <h2 class="section-title wow fadeInUp">作品</h2>
            <ul class="list-inline" id="filter">
                <li><a class="active" data-group="all">一部分</a></li>
                <li><a data-group="web">Web</a></li>
                <li><a data-group="android">Android</a></li>
                <li><a data-group="ios">IOS</a></li>
                <li><a data-group="swing">Swing</a></li>
            </ul>
            <div class="row">
                <div id="grid">
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["all", "android"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/android-6.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/android-6-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>一个工具箱(Andoird)</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["all", "android"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/android-7.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/android-7-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>肌撕裂者(Andoird)</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["all", "android"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/android-1.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/android-1-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>爱车(Andoird)</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["all", "ios"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/ios-1.png"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/ios-1-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>老年预警(IOS)</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["android"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/android-2.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/android-2-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>快递侠(Andorid)</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["android"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/android-4.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/android-4-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>教案APP</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["android"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/android-5.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/android-5-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>数独游戏</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["all", "android"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/android-3.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/android-3-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>老年预警(Android)</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["ios"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/ios-2.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/ios-2-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>产线报警(IOS)</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["all", "web"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/web-0.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/web-0-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>大学班级网站</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["all", "web"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/web-6.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/web-6-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>课程网站</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["web"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/web-7.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/web-7-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>网上书城</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["all", "web"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/web-1.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/web-1-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>企业门户网站</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["web"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/web-2.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/web-2-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>国际教育院导航网站</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["web"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/web-3.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/web-3-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>自我介绍</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["all", "web"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/web-4.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/web-4-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>地区导航</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["web"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/web-5.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/web-5-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>印务官网</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["web"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/web-8.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/web-8-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>博墨教育官网</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["all", "swing"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/swing-1.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/swing-1-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>预警系统</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["swing"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/swing-2.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/swing-2-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>看板管理终端</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["swing"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/swing-3.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/swing-3-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>安全锁</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                    <div class="portfolio-item col-xs-12 col-sm-4 col-md-3" data-groups='["all", "swing"]'>
                        <div class="portfolio-bg">
                            <div class="portfolio">
                                <div class="tt-overlay"></div>
                                <div class="links text-center">
                                    <a class="image-link" href="assets/images/works/swing-4.jpg"><i class="fa fa-search-plus"></i></a>
                                </div>
                                <!-- /.links -->
                                <img src="assets/images/works/swing-4-thum.jpg" alt="image">
                                <div class="portfolio-info">
                                    <h3>库存系统</h3>
                                </div>
                                <!-- /.portfolio-info -->
                            </div>
                            <!-- /.portfolio -->
                        </div>
                        <!-- /.portfolio-bg -->
                    </div>
                    <!-- /.portfolio-item -->
                </div>
                <!-- /#grid -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>
    <!-- End Works Section -->
    <!-- Contact Section -->
    <section id="contact" class="contact-section section-padding">
        <div class="container">
            <h2 class="section-title wow fadeInUp">联系我</h2>
            <div class="row">
                <div class="col-md-6">
                    <div class="contact-form">
                        <h4>点击下面的按钮给我发送邮件</h4>
                        <br />
                        <a href="mailto:djzhao627@gmail.com" target="_blank" type="submit" name="submit" class="btn btn-primary">给我发邮件</a>
                    </div>
                    <!-- /.contact-form -->
                </div>
                <!-- /.col-md-6 -->
                <div class="col-md-6">
                    <div class="row center-xs">
                        <div class="col-sm-6">
                            <i class="fa fa-map-marker"></i>
                            <address>
                                <strong>地址</strong> 南京晓庄学院（方山校区）
                                <br><small>江苏省南京市江宁区弘景大道3601号</small>
                                <br>
                            </address>
                        </div>
                        <div class="col-sm-6">
                            <i class="fa fa-mobile"></i>
                            <div class="contact-number">
                                <strong>联系方式</strong> 电话：18896807726
                                <br> Q&nbsp;Q：894559192
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>
    <!-- End Contact Section -->
    <!-- Footer Section -->
    <footer class="footer-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="copyright text-center">
                        <p>&copy; djzhao 2017 - 2019. -- All rights reserved.</p>
                        <p>更新于 2019.01.06</p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- End Footer Section -->
    <!-- Scroll-up -->
    <div class="scroll-up">
        <a href="#home"><i class="fa fa-angle-up"></i></a>
    </div>
    <!-- Javascript files -->
    <script src="assets/js/jquery.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery.stellar.min.js"></script>
    <script src="assets/js/jquery.sticky.js"></script>
    <script src="assets/js/smoothscroll.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/jquery.countTo.js"></script>
    <script src="assets/js/jquery.inview.min.js"></script>
    <script src="assets/js/jquery.easypiechart.js"></script>
    <script src="assets/js/jquery.shuffle.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/froogaloop2.min.js"></script>
    <script src="assets/js/jquery.fitvids.js"></script>
    <script src="assets/js/scripts.js"></script>
</body>

</html>
